<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
    <title>timer</title>
    <meta name="Keywords" content="css计时器，基于html网页计时器">
    <meta name="description" content="基于html网页使用html+css+js制作的网页炫酷计时器">
    <link rel="stylesheet" type="text/css" href="css/timer.css">
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/timer.js"></script>
</head>

<body>
<div class="timer_hours">
        <div class="hours_wrapper hours_right">
            <div class="hours_circleProgress hours_rightcircle"></div>
        </div>
        <div class="hours_wrapper hours_left">
            <div class="hours_circleProgress hours_leftcircle"></div>
        </div> 

  <div class="timer_minutes">
        <div class="minutes_wrapper minutes_right">
            <div class="minutes_circleProgress minutes_rightcircle"></div>
        </div>
        <div class="minutes_wrapper minutes_left">
            <div class="minutes_circleProgress minutes_leftcircle"></div>
        </div> 

        <div class="timer_second">
        <div class="second_wrapper second_right">
            <div class="second_circleProgress second_rightcircle"></div>
        </div>
        <div class="second_wrapper second_left">
            <div class="second_circleProgress second_leftcircle"></div>
        </div>
         <div class="time">
                        <span class="time_hours"></span>
                        <span>:</span>
                        <span class="time_minutes"></span>
                        <span>:</span>
                        <span class="time_second"></span>
                    </div>
                    <span class="timerstyle">css计数器</span>


</body>

</html>